<!DOCTYPE html>
<html class="x-admin-sm">

<head>
    <meta charset="UTF-8">
    <title>俱乐部管理</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
        content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="stylesheet" href="../css/font.css">
    <link rel="stylesheet" href="../css/iconfont.css">
    <link rel="stylesheet" href="../lib/layui/css/layui.css" media="all">

    <link rel="stylesheet" href="../css/xadmin.css">
    <script src="../lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="../js/xadmin.js"></script>
    <script src="../js/base.js"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style>
        tr td,
        tr th {
            text-align: center !important;
            border: none !important;
        }

        tr td {
            border-bottom: 1px solid #eee !important;
            border-top: 1px solid #eee !important;
        }
    </style>
</head>

<body>
    <div class="layui-fluid">
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md12">
                <div class="layui-card" style="display: flex;justify-content: space-between;">
                    <div class="layui-card-body ">
                        <blockquote class="layui-elem-quote" style="border:0;font-size: 18px;color: #000;">俱乐部管理
                        </blockquote>
                    </div>
                </div>
            </div>
            <!--        <div class="layui-col-md12">-->
            <!--            <div class="layui-card">-->
            <!--                &lt;!&ndash; <div class="layui-card-header">数据统计</div> &ndash;&gt;-->
            <!--                <div class="layui-fluid">-->
            <!--                    <div class="layui-row layui-col-space15">-->
            <!--                        <div class="layui-col-md12">-->
            <!--                            <div class="layui-card-body " style="display: flex;justify-content:space-between">-->
            <!--                                <form class="layui-form" action="">-->
            <!--                                    <div class="layui-inline layui-show-xs-block">-->
            <!--                                        <input id="name" name="name" class="layui-input">-->
            <!--                                    </div>-->
            <!--                                    <div class="layui-inline layui-show-xs-block">-->
            <!--                                        <button class="layui-btn search" data-type="reload" lay-filter="add">搜索</button>-->
            <!--                                    </div>-->
            <!--                                </form>-->
            <!--                            </div>-->
            <!--                        </div>-->
            <!--                    </div>-->
            <!--                </div>-->
            <!--            </div>-->
            <!--        </div>-->
            <div class="layui-card-body layui-table-body layui-table-main">
                <div class="layui-inline layui-show-xs-block">
                    <button class="layui-btn search search3">工商局俱乐部
                    </button>
                </div>
                <div class="layui-inline layui-show-xs-block">
                    <button class="layui-btn search search4">民政局俱乐部
                    </button>
                </div>
                <div class="show3">
                    <!-- 表格部分开始 -->
                    <table id="club_table" lay-filter="test" lay-data="{id: 'testReload'}"></table>
                    <!-- 表格结束 -->
                </div>
                <div class="show4" style="display: none;">
                    <!-- 表格部分开始 -->
                    <table id="club_table1" lay-filter="test1" lay-data="{id: 'testReload1'}"></table>
                    <!-- 表格结束 -->
                </div>
            </div>
        </div>
    </div>
</body>

</html>

<script>
    layui.use('table', function () {
        var table = layui.table;
        var form = layui.form;

        var index = layer.load(1); //添加laoding,0-2两种方式

        //第一个实例
        var ins1 = table.render({
            elem: '#club_table', //指定原始表格元素选择器（推荐id选择器）
            // height: 600,
            width: "100%",
            // 附加参数，post token
            where: {
                'jobType': "1"
            },
            loading: true,
            method: 'get',
            url: getClubPage, //数据接口
            page: true, //开启分页
            // toolbar: 'default', //开启工具栏，此处显示默认图标
            cols: [
                [ //表头
                    // { type: 'checkbox', fixed: 'left' },
                    {
                        field: 'id',
                        title: 'ID',
                        width: 150
                    },
                    {
                        field: 'name',
                        title: '名称',
                        width: 150
                    },
                    {
                        field: 'type',
                        title: '类型',
                        width: 150
                    },
                    {
                        field: 'address',
                        title: '住所',
                        width: 150
                    },
                    {
                        field: 'legalRepresentative',
                        title: '法定代表人',
                        width: 150
                    },
                    {
                        field: 'registeredFund',
                        title: '注册资金',
                        width: 150
                    },
                    {
                        field: 'establishmentData',
                        title: '成立时间',
                        width: 150
                    },
                    {
                        field: 'operatingPeriod',
                        title: '营业期限',
                        width: 150
                    },
                    {
                        field: 'businessScope',
                        title: '经营范围',
                        width: 150
                    },
                    {
                        field: 'certificationAuthority',
                        title: '发证机关',
                        width: 150
                    },
                    {
                        field: 'businessLicenseNo',
                        title: '统一社会信用代码',
                        width: 150
                    },
                    {
                        field: 'businessLicenseImg',
                        title: '营业执照',
                        width: 150,
                        templet: function (d) {
                            if ((d.businessLicenseImg !== "" && d.businessLicenseImg !==
                                null)) {
                                return "<div style='width: 50%; float: left;' onclick='show_img(this)' ><img style='width: 100%' src='" +
                                    d.businessLicenseImg +
                                    "'></div>"
                            } else {
                                return ""
                            }
                        }
                    },
                    {
                        field: 'legalPersonIdCard',
                        title: '法定代表人身份证号码',
                        width: 150
                    },
                    {
                        field: 'idCardFrontUrl',
                        title: '法人身份证正面和反面',
                        width: 150,
                        templet: function (d) {
                            if ((d.idCardFrontUrl !== "" && d.idCardFrontUrl !== null) || (d
                                    .idCardReverseUrl !== "" && d.idCardReverseUrl !== null)) {
                                return "<div style='width: 50%; float: left;' onclick='show_img(this)' ><img style='width: 100%' src='" +
                                    d.idCardFrontUrl +
                                    "'></div><div style='width: 50%; float: left;' onclick='show_img(this)' ><img style='width: 100%' src='" +
                                    d.idCardReverseUrl +
                                    "'></div>"
                            } else {
                                return ""
                            }
                        }
                    },
                    {
                        field: 'linkman',
                        title: '联系人',
                        width: 150
                    },
                    {
                        field: 'fixationTel',
                        title: '固定电话',
                        width: 150
                    },
                    {
                        field: 'linkTel',
                        title: '联系电话',
                        width: 150
                    },
                    {
                        field: 'addTime',
                        title: '创建时间',
                        width: 150
                    },
                    // {fixed: 'right', title: "操作", width: 150, align: 'center', toolbar: '#barDemo'}
                ]
            ],
            id: 'testReload',
            done: function (res) {
                layer.close(index)
                if (res.msg == "2") {
                    parent.window.location.href = getRequestPrefix() + "/footBallAdmin/login.html"
                }
            }
        });

        var ins2 = table.render({
            elem: '#club_table1', //指定原始表格元素选择器（推荐id选择器）
            // height: 600,
            width: "100%",
            // 附加参数，post token
            where: {
                'jobType': "2"
            },
            loading: true,
            method: 'get',
            url: getClubPage, //数据接口
            page: true, //开启分页
            // toolbar: 'default', //开启工具栏，此处显示默认图标
            cols: [
                [ //表头
                    // { type: 'checkbox', fixed: 'left' },
                    {
                        field: 'id',
                        title: 'ID',
                        width: 150
                    },
                    {
                        field: 'name',
                        title: '名称',
                        width: 150
                    },
                    {
                        field: 'businessLine',
                        title: '业务范围',
                        width: 150
                    },
                    {
                        field: 'address',
                        title: '地址',
                        width: 150
                    },
                    {
                        field: 'legalRepresentative',
                        title: '法定代表人',
                        width: 150
                    },
                    {
                        field: 'movementArea',
                        title: '活动区域',
                        width: 150
                    },
                    {
                        field: 'registeredFund',
                        title: '注册资金',
                        width: 150
                    },
                    {
                        field: 'competentOrganization',
                        title: '业务主管单位',
                        width: 150
                    },
                    {
                        field: 'businessLicenseNo',
                        title: '统一社会信用代码',
                        width: 150
                    },
                    {
                        field: 'validityDate',
                        title: '有效期',
                        width: 150
                    },
                    {
                        field: 'organizationinCorporationCertificateUrl',
                        title: '社会团体法人登记证书',
                        width: 150
                    },
                    {
                        field: 'legalPersonIdCard',
                        title: '法定代表人身份证号码',
                        width: 150
                    },
                    {
                        field: '',
                        title: '法人身份证正面和反面',
                        width: 150,
                        templet: function (d) {
                            if ((d.idCardFrontUrl != "" && d.idCardReverseUrl != "") || (d
                                    .idCardFrontUrl != null && d.idCardReverseUrl != null)) {
                                return "<div style='width: 50%; float: left;' onclick='show_img(this)' ><img style='width: 100%' src='" +
                                    d.idCardFrontUrl +
                                    "'></div><div style='width: 50%; float: left;' onclick='show_img(this)' ><img style='width: 100%' src='" +
                                    d.idCardReverseUrl +
                                    "'></div>"
                            } else {
                                return ""
                            }
                        }
                    },
                    {
                        field: 'linkman',
                        title: '联系人',
                        width: 150
                    },
                    {
                        field: 'fixationTel',
                        title: '固定电话',
                        width: 150
                    },
                    {
                        field: 'linkTel',
                        title: '联系电话',
                        width: 150
                    },
                    {
                        field: 'addTime',
                        title: '创建时间',
                        width: 150
                    },
                    // {fixed: 'right', title: "操作", width: 150, align: 'center', toolbar: '#barDemo'}
                ]
            ],
            id: 'testReload1',
            done: function (res) {
                layer.close(index)
                if (res.msg == "2") {
                    parent.window.location.href = getRequestPrefix() + "/footBallAdmin/login.html"
                }
            }
        });

        $(".search3").on("click", function () {
            $(".show3").css("display", "block");
            $(".show4").css("display", "none");
            table.reload("testReload")
        })
        $(".search4").on("click", function () {
            $(".show3").css("display", "none");
            $(".show4").css("display", "block");
            table.reload("testReload1")
        })


        // //头部输入框筛选功能
        // var $ = layui.$, active = {
        //
        //     reload: function () {
        //
        //         var name = $('#name');
        //         // 执行重载（重新加载数据表格）
        //         table.reload('testReload', {
        //             page: {
        //                 curr: 1 //重新从第 1 页开始
        //             },
        //             where: {
        //                 "name": name.val(),
        //             }
        //         }, 'data');
        //     }
        // };


        // //给查询添加点击事件
        // $('.search').on('click', function () {
        //     var type = $(this).data('type');
        //     active[type] ? active[type].call(this) : '';
        //     //一定要阻止表单的默认行为（刷新）
        //     return false
        // });


        //监听头工具栏事件


        //监听点击的按钮，获取行信息
        table.on('tool(test)', function (obj) { //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
            //获得当前行数据
            var $ = layui.$
            var data = obj.data,
                layEvent = obj.event; //获得 lay-event 对应的值

        });

    });
</script>